<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用Axios在前端页面请求后端数据</title>
    <!--    引入axios-->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        // 使用Axios查询一个
            axios({
                method: 'get',
                url: 'http://localhost:8099/users/1',
            }).then((result)=>{
                console.log(result.data.data);
            }).catch((err =>{
                console.log(err);
            }))


        <!--        使用axios发送请求,访问接口查询所有用户接口-->
        // axios({
        //     method: 'get',
        //     url: 'http://localhost:8099/users/all',
        //     params: {
        //         id: 1
        //     }
        // }).then((result) =>{
        //     console.log(result.data.data);
        // }).catch((error =>{
        //     console.log(error);
        // }))
        axios({
            method: 'get',
            url: 'http://localhost:8099/users/1',
            params: {
                id: 1
            }
        }).then((result) =>{
            console.log(result.data.data);
        }).catch((error =>{
            console.log(error);
        }))
    </script>
</head>
<body>

</body>
</html>